 /* BBVA ENTORNO COLABORATIVO  */
 
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;} 

@font-face {
    font-family: 'StagSansLight';
    src: url('./fonts/stagsans-light-webfont-webfont.eot');
    src: url('./fonts/stagsans-light-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/stagsans-light-webfont-webfont.woff') format('woff'),
         url('./fonts/stagsans-light-webfont-webfont.ttf') format('truetype'),
         url('./fonts/stagsans-light-webfont-webfont.svg#stag_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
color:#000;
background-color:#f3f5f7;
text-align:left;
margin:0;
font-family:"StagSansLight";}

body #madre {
margin:0 auto;
min-height:200px;
background:transparent;
display:block;
position:relative !important;}

#cabecera h1 a strong,
#cabecera h1 span strong {display:none}

#cabecera h1 a,
#cabecera h1 span {
display:block;
font-style: normal;
width:240px;
height:156px;
position:absolute;
left:0px;
top:0;
margin-right:0}

#cabecera em.especial {font-family:"StagSansLight",Arial,verdana;font-weight:normal !important;font-style:normal !important;font-size:50px;color:#FFF;top:20px !important;position:absolute;right:250px}

#cabecera div.logo {
	background:#0068AB;
	text-align:right;
	padding:0;
	position:relative;
	height:129px;
	margin:0 auto;
}

#main {text-align: left !important;position: relative;}

h2 {
display:block;
color:#04A0E4;
font-weight: normal;
font-size:23px;
margin:0 !important;}

.fila {display:block;padding:10px;}
.fila em {font-size:70%;padding:0 !Important;font-style: normal}

input.especial2, input.especial3 {
background:#2271b6;
cursor:pointer;
width:30%;
float:right !Important;
border:0;
/*position: absolute; */
margin:10px;
display:block;
text-align:center;
font-weight:normal;
font-size:12px;
border-radius: 5px;
height: 32px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#fff !important;
background: -o-linear-gradient(top,  #549fd7 0%,#2271b6 100%); /* Opera 11.10+ */
background: -moz-linear-gradient(top, #549fd7, #2271b6) !important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #549fd7),  color-stop(100%, #2271b6)) !important;    
line-height: 30px !important;
font-family:"StagSansLight",Arial,verdana;
font-size:16px;}


input.especial3:active{
	-webkit-box-shadow:0px 0px 9px 1px #164c88 inset;
	-moz-box-shadow:0px 0px 9px 1px #164c88 inset;
	box-shadow:0px 0px 9px 1px #164c88 inset;
	background: -o-linear-gradient(top,  #2271b6 0%,#549fd7 100%); /* Opera 11.10+ */
	background: linear-gradient(top, #2271b6, #549fd7) !important;
	background: -moz-linear-gradient(top, #2271b6, #549fd7) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2271b6),  color-stop(100%, #549fd7)) !important;   
}

input.tipo:focus {
	-webkit-box-shadow: 0 0 0 2px #def4fb,#d6d6d6 0 2px 2px inset;
	-moz-box-shadow: 0 0 0 2px #def4fb,#d6d6d6 0 2px 2px inset;
	box-shadow: 0 0 0 2px #def4fb,#d6d6d6 0 2px 2px inset;
	color: #434A58;
	outline: none;
	border: 1px solid #E8E8E6;
	background-color: #fffff5;
	background-image: none;
	text-align: left;	
}

input.tipo {
	padding-left:10px;
	width:100% !important;
	height:30px;
	background: #fff;
	border: solid 1px #e8e8e8;
	outline: none;
	color: #333; 
	/*text-indent: 10px;*/
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
	text-align: left;	
}

#list1 div #cuerpo, #list2 div #cuerpo {
overflow:hidden;
text-align: center;
background: #FEFEFE;
border-radius: 0 0 6px 6px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f9f9f9'); /* for IE */
background: -moz-linear-gradient(top, #fefefe, #f9f9f9) !important;
-bracket-:hack(;background:transparent url("../img/degradado_button.gif") left top repeat-x;);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),  color-stop(100%, #f9f9f9)) !important; 
 border-left: 1px solid #c6d1de; border-bottom: 1px solid #c6d1de;border-right: 1px solid #c6d1de;-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft:6px;-webkit-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
padding: 5px;}

#list1 div.title, #list2 div.title {
text-align: center;
min-height:1px;
 border: 1px solid #c6d1de;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
background: #fff;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:0;
-moz-border-radius-bottomleft:0; 
border-radius:6px 6px 0 0 ;   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9'); /* for IE */
background: -moz-linear-gradient(top, #ffffff, #f9f9f9) !important;
-bracket-:hack(;background:transparent url("../img/degradado_button.gif") left top repeat-x;);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),  color-stop(100%, #f9f9f9)) !important; 
	padding: 5px;
}

#list1{
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;

-webkit-box-shadow:0px 0px 10px 0px #BBB;
-moz-box-shadow:0px 0px 10px 0px #BBB;
box-shadow:0px 0px 10px 0px #BBB;
}

.copy{
font-size:12px;
float:left;
margin:25px 0 0 18px;
font-family:Arial;
color: #999;}

.quest{
cursor:pointer;
float: right;
margin: 2px 1px 0 0;
}

.quest:active{
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;

-webkit-box-shadow:0px 0px 9px 1px #164C88 inset;
-moz-box-shadow:0px 0px 9px 1px #164C88 inset;
box-shadow:0px 0px 9px 1px #164C88 inset;
}